// pages/detail/detail.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    info:{},
    h:"",
    picslist:[],
    allcount:0,
    isSave:false
  },
  load(a){
    // 获取设备的宽
  var sw=wx.getSystemInfoSync().windowWidth
  var w=a.detail.width;
  var h=a.detail.height
  var height= sw*h/w+"px";
  this.setData({
    h:height
  })
 },
// 预览图片
 preview(a){
  wx.previewImage({
    current:a.currentTarget.dataset.url,//当前显示的图片的HTTP链接
    urls:this.data.picslist//需要与预览的图片http链接列表
  })
 },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    wx.request({
      url: 'https://api-hmugo-web.itheima.net/api/public/v1/goods/detail',
      data:{
        goods_id:options.id
      },
      success:(res)=>{
        console.log(res)
       var picslist= res.data.message.pics.map((elem)=>{
          return elem.pics_mid;
        })

        // 扩充属性
        res.data.message.count=1
        res.data.message.ischeck=false

        this.setData({
          info:res.data.message,
          picslist:picslist
        })
      }    
    })
    var carts=wx.getStorageSync('carts') || []
    this.setData({
      allcount:carts.length
    });

    // 判断 是否已经收藏
    var saves=wx.getStorageSync('saves') || []
    var index=saves.findIndex((elem)=>{
      return elem.goods_id==options.id;
    })
    if(index!=-1){
      this.setData({
       
        isSave:true
      })
    }else{
      this.setData({
        isSave:false
      })
    }
  },

  //收藏
  save(){
    var saves=wx.getStorageSync('saves') || []
    var index=saves.findIndex((elem)=>{
      return elem.goods_id==this.data.info.goods_id;
    })
    if(index!=-1){//已收藏
      wx.showToast({
        title: '收藏成功'
     
      })
    
      this.setData({//(点击时取消收藏)
    
        isSave:false
      })
      //删除收藏
      saves.splice(index,1)

    }else{//未收藏

      wx.showToast({
        title: '取消收藏'
     
      })
    
      this.setData({//(点击时显示收藏)
        isSave:true
      })
       //添加收藏
       saves.push(this.data.info)
    }
    wx.setStorageSync('saves', saves)
  },

  //加入购物车 
  addcart(){
    var goods_id=this.data.info.goods_id;

    var shopcart=wx.getStorageSync('shopcart') || [];
    // 找出符合条件的商品的下标，否则返回-1
    var index=shopcart.findIndex((elem)=>{
      return elem.goods_id==goods_id
    })
    // 不等于-1相当于商品存在，让数量++
    if(index!=-1){
      shopcart[index].count++
    }else{//否则添加商品
      shopcart.push(this.data.info)
    }
    wx.setStorageSync('shopcart', shopcart)
    wx.showToast({
      title: '添加成功',
      icon: 'success',
      duration: 500
    })
    this.setData({
      allcount:shopcart.length
    })
  },
  // 跳转购物车
  shopcart(){
    wx.switchTab({
      url: '../page3/page3',
    })
  },
  // 跳转客服

  contact(){
    wx.navigateTo({
      url: '../kefu/kefu',
    })
  },
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})